<template>
	<!-- 百度地图BMapGL矢量数据 -->
	<div class="about">
		<h1>百度地图BMapGL矢量数据</h1>
		<div id="map"></div>
	</div>
</template>

<script>
	export default {
		name: 'About',
		data() {
			return {
				inputVaslue:'',
				map:null
			};
		},
		mounted() {
			this.inMaps()
		},
		methods: {
			inMaps() {
				var _this = this
				_this.map = new BMapGL.Map('map', {
					// minZoom: 8,
					// maxZoom: 17
					enableRotate: false,
					enableTilt: false
				})
				_this.map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
				_this.map.disablePinchToZoom(true);//手势缩放拖拽
				var lon = 108.33
				var lat = 22.84 
				_this.map.centerAndZoom(new BMapGL.Point(lon, lat), _this.resiers)
			}
		}
	}
</script>

<style scoped>
	#map{
		height: 500px;
	}
</style>